<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>rDSN</title>

<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="css/c3.css" rel="stylesheet" type="text/css">
<style type="text/css"> <!-- body { background-image: url(); } --> </style>
<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">

<script src="js/dsn/thrift.js"></script>
<script src="js/dsn/dsn_transport.js"></script>
<script src="js/dsn/dsn_types.js"></script>
<script src="js/dsn/cli.client.js"></script>
<script src="js/dsn/cli_types.js"></script>
<script src="js/dsn/replication.client.js"></script>
<script src="js/dsn/dsn.layer2_types.js"></script>
<script src="js/dsn/replication_types.js"></script>

<!-- Load d3.js and c3.js -->
<script src="js/d3.min.js"></script>
<script src="js/c3.min.js"></script>

</head>
<style>
body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
  }
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;
  }  
</style>
<body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script   src="https://code.jquery.com/jquery-2.2.4.min.js"   integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="navbar-header">
		<a class="navbar-brand" href="main.html">rDSN Studio</a>
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span> 
        </button>
	</div>
	<div class="collapse navbar-collapse" id="myNavbar">
		<ul class="nav navbar-nav">
			<li><a href="main.html" data-toggle="tooltip bottom" title="A overview of the whole system"><span class="glyphicon glyphicon-home"></span> Overview</a></li>
            <!--<li class="dropdown">
			    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-pencil"></span>Coding<span class="caret"></span></a>
                <ul class="dropdown-menu">
			        <li><a href="#">(None)</a></li>
                </ul>
            </li>
            <li class="dropdown">
			    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-headphones"></span>Test<span class="caret"></span></a>
                <ul class="dropdown-menu">
			        <li><a href="#">(None)</a></li>
                </ul>
            </li>
            <li class="dropdown">
			    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-dashboard"></span>Performance Tuning<span class="caret"></span></a>
                <ul class="dropdown-menu">
			        <li><a href="#">(None)</a></li>
                </ul>
            </li>-->
            <li class="dropdown">
			    <a href="store.html" data-toggle="tooltip bottom" title="Publish and deploy services"><span class="glyphicon glyphicon-shopping-cart"></span> Store </a>
            </li>
            <li class="dropdown">
			    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-fire"></span> Cluster</a>
                <ul class="dropdown-menu">
			        <li><a href="service_meta.html" data-toggle="tooltip right" title="Check deployed services"><span class="glyphicon glyphicon-plane"></span> &nbsp;&nbsp;Services</a></li>
			        <li><a href="machine.html" data-toggle="tooltip right" title="See all machines"><span class="glyphicon glyphicon-tower"></span> &nbsp;&nbsp;Machines </a></li>
                </ul>
            </li>
            <li class="dropdown">
			    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-tree-deciduous"></span> Operation <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="analyzer.html" data-toggle="tooltip right" title="Build your own counter view with counter analyzer!"><span class="glyphicon glyphicon-star"></span>&nbsp;&nbsp;Performance Counters</a></li>
			        <li><a href="multicmd.html" data-toggle="tooltip right" title=""><span class="glyphicon glyphicon-bullhorn"></span>&nbsp;&nbsp;Multi-node Cli</a></li>
                    <li><a href="task_analyzer.html" data-toggle="tooltip right" title="Dig into a specific task to see more detailed information"><span class="glyphicon glyphicon-certificate"></span>&nbsp;&nbsp; Task Profiler (Figure) </a></li>
                    <li><a href="table.html" data-toggle="tooltip right" title="A table showing all counter info for all task codes"><span class="glyphicon glyphicon-align-justify"></span>&nbsp;&nbsp;Task Profiler (Table) </a></li>
                    <li><a href="queue.html" data-toggle="tooltip right" title="A bar plot showing all queues sorted by task pending number"><span class="glyphicon glyphicon-signal"></span>&nbsp;&nbsp;Task Queue</a></li>
			        <li><a href="editor.html" data-toggle="tooltip right" title="An online editor for editing files"><span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Vim</a></li>
                    <li><a href="cli.html" data-toggle="tooltip right" title="A query interface, type h for more info"><span class="glyphicon glyphicon-console"></span>&nbsp;&nbsp; Cli</a></li>
                    <li><a href="configure.html" data-toggle="tooltip right" title="Show all configuration with descriptions"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;Configuration</a></li>
                </ul>
            </li>
            <li><a href="setting.html" data-toggle="tooltip bottom" title="Configurations for webstudio"> Settings </a></li>
		</ul>
        <ul class="nav navbar-nav navbar-right">
			<li><a href="fileview.html" data-toggle="tooltip bottom" title="Show app folder content"><span class="glyphicon glyphicon-folder-open"></span> File</a></li>
        </ul>
	</div>
</nav>

{% block body %}
{% endblock %}
<script>
$(document).ready(function(){

        $('[data-toggle="tooltip bottom"]').tooltip({placement: "bottom"}); 
        $('[data-toggle="tooltip right"]').tooltip({placement: "right"}); 
});
</script>
</body>
</html>


